@charset "utf-8";
@import "common/reset";       //连接到reset文件
@function p($px) {
    @return $px/2*1px;
    /*自动除2得结果*/
}
.header {
    padding-top: p(48);
    padding-left: p(23);
    padding-right: p(21);
    overflow: hidden;
    text-align: center;
    .back {
        width: p(123);
        height: p(57);
        border: 2px solid #FF9344;
        font-size: p(21);
        text-align: center;
        padding-top: p(16);
        border-radius: p(16); //      margin-left: 23px;
        //      margin-top: 49px;
        display: inline-block;
        vertical-align: middle;
        float:left;
        a {
            color: black;
        }
    }
    p {
        font-size: p(26);
        display: inline-block;
        vertical-align: middle;
        
        
    }
    .star{
        
        width: p(52);
        height: p(49);
        float: right;
        vertical-align: middle;
        
        img{
            width: 100%;
        }
    }
    .clear{
        clear: both;
    }
    .datu{
        
        width: 100%;
        margin-top: p(26);
        font-size: 0;
        img{
            width: 100%;
            
            
        }
    }
    
   
}
section{
    overflow: hidden;
    padding-left: p(23);
    padding-right: p(21);
    padding-bottom: p(140);
    .goumai{
        padding-left: p(20);
    padding-right: p(20);
    line-height:p(72);
    margin-top:p(36);
    overflow:hidden;
        p{
            font-size: p(72);
            color: #ff9344;
            float: left;
            vertical-align: middle;
            display: inline-block;
        }
        span{
            font-size: p(30);
            color: white;
            border: p(1) solid orange;
            width: p(111);
            height: p(59);
            background: #ff9344;
            border-radius:p(19) ;
            float: right;
            line-height: p(59);
            text-align: center;
            vertical-align: middle;
            display: inline-block;
        }
    }
    .pingjia{
        width: 100%;
         padding-left: p(20);
    padding-right: p(20);
        .haoping{
            line-height:p(35);
            margin-top:p(52);
            overflow:hidden;
            img{
                width: p(37);
                height: p(35);
                display: inline-block;
                vertical-align: middle;
            }
            p{
                font-size: p(30);
                display: inline-block;
                vertical-align: middle;
            }
            span{
                font-size: p(24);
                color: #ff9344;
                display: inline-block;
                vertical-align: middle;
            }
            :last-child{
                font-size: p(25);
                color: #8e8e8e;
                float: right;
            }
        }
    }
    .yonghu{
        border: 1px solid orange;
        width: 100%;
        background: #ff9344;
        padding-left: p(10);
        padding-right: p(8);
        height: p(66);
        line-height: p(66);
        margin-top: p(36);
        p{
            display: inline-block;
            color: white;
        }
        span{
            display: inline-block;
            float: right;
            color: white;
        }
    }
    .dian{
        overflow: hidden;
        margin-top: p(10);
        >a{
            float: left;
            width: p(177);
            height: p(176);
            
            img{
            width: 100%;
        }
        }
            .jinru{
                font-size: p(28);
                color: white;
            border: p(1) solid #FF9344;
            width: p(111);
            height: p(59);
            background: #ff9344;
            border-radius:p(19) ;
            float: right;
            line-height: p(59);
            text-align: center;
            margin-top: p(50);
            }
        .goodsInfo{
            
//          width: 100%;
            box-sizing: border-box;
            margin-left: p(200);
            h3{
                display: inline-block;
                span{
                    font-size: p(30);
                }
            }
            p{
                font-size: p(24);
                color: #929292;
                vertical-align: middle;
                
                img{
                    display: inline-block;
                    height: p(33);
                    width: p(33);
                    vertical-align: middle;
                }
            }
            >span{
                font-size: p(24);
                color: #929292;
                display: block;
            }
            :last-child{
                a{
                font-size: p(19);
                color: #ff9344;
                width: 100%;
                height: 100%;
                
                }
                
            }
        }
        
    }
    .dian2{
        overflow: hidden;
        margin-top: p(10);
        >a{
            float: left;
            width: p(177);
            height: p(176);
            
            img{
            width: 100%;
        }
        }
            .jinru{
                font-size: p(28);
                color: white;
            border: p(1) solid orange;
            width: p(111);
            height: p(59);
            background: #ff9344;
            border-radius:p(19) ;
            float: right;
            line-height: p(59);
            text-align: center;
            margin-top: p(50);
            }
        .goodsInfo2{
            
//          width: 100%;
            box-sizing: border-box;
            margin-left: p(200);
            h3{
                display: inline-block;
                span{
                    font-size: p(30);
                }
            }
            p{
                font-size: p(24);
                color: #929292;
                vertical-align: middle;
                
                img{
                    display: inline-block;
                    height: p(33);
                    width: p(33);
                    vertical-align: middle;
                }
            }
            >span{
                font-size: p(24);
                color: #929292;
                display: block;
            }
            :last-child{
                a{
                font-size: p(19);
                color: #ff9344;
                width: 100%;
                height: 100%;
                
                }
                
            }
        }
        
    }
    .dian3{
        overflow: hidden;
        margin-top: p(10);
        >a{
            float: left;
            width: p(177);
            height: p(176);
            
            img{
            width: 100%;
        }
        }
            .jinru{
                font-size: p(28);
                color: white;
            border: p(1) solid orange;
            width: p(111);
            height: p(59);
            background: #ff9344;
            border-radius:p(19) ;
            float: right;
            line-height: p(59);
            text-align: center;
            margin-top: p(50);
            }
        .goodsInfo3{
            
//          width: 100%;
            box-sizing: border-box;
            margin-left: p(200);
            h3{
                display: inline-block;
                span{
                    font-size: p(30);
                }
            }
            p{
                font-size: p(24);
                color: #929292;
                vertical-align: middle;
                
                img{
                    display: inline-block;
                    height: p(33);
                    width: p(33);
                    vertical-align: middle;
                }
            }
            >span{
                font-size: p(24);
                color: #929292;
                display: block;
            }
            :last-child{
                a{
                font-size: p(19);
                color: #ff9344;
                width: 100%;
                height: 100%;
                
                }
                
            }
        }
        
    }
}
    //底部导航
    .footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: p(16) 0;
    background: white;
    .nav {
        font-size: 0;
        width: 100%;
        li {
            display: inline-block;
            width: 25%;
            a {
                color: #000;
                font-size: p(26);
                display: block;
                text-align: center;
                i {
                    font-size: p(72);
                    color: #FF9344;
                }
            }
        }
    }
}